<template>
    <div class="contion">
        <div class="privacy">
            <el-icon :size="25"  @click="back" class="privacy_1"><ArrowLeft /></el-icon>
            <span><b>条件和条款</b></span>
        </div>
        <div class="privacy_2">
            <span>信息收集及使用:我们可能会收集您的个人信息，如姓名、联系方式等，用于订单处理、客服沟通等目的。我们承诺不会将您的信息用于其他商业用途。</span>
            <span>信息保护:我们采取合理的安全措施保护您的个人信息，防止未经授权访问、使用或泄露。我们不会向第三方透露您的个人信息，除非法律要求或您同意。</span>
            <span>Cookie和其他技术:我们可能会使用Cookie和类似技术来提高您在网站上的体验，但不会跟踪您的个人信息。</span>
            <span>更新和删除信息:如果您希望更新或删除您的个人信息，请联系我们的客服团队。</span>
            <span>隐私政策变更:我们保留随时更新隐私政策的权利，更新后的政策将在网站上公布。请定期查看以了解最新信息。</span>
            <span>通过访问或使用我们的服务，即表示您同意本隐私政策。如果您有任何疑问或意见，请联系我们。</span>
        </div>
    </div>
</template>

<script setup>
import {ref,onMounted} from "vue"
import {ElMessage} from 'element-plus'
import axios from 'axios'
import {useRouter} from 'vue-router'

const router = useRouter()

const back = () =>{
    router.back();
}
</script>

<style scoped>
.contion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.privacy{
    width: 510px;
    text-align:center;
    margin-top: 100px;
    font-size:25px;
}

.privacy button{
    background-color: #FFFFFF;
    border: #FFFFFF;
    float: left;
}

.privacy_1{
    float: left;
}

.privacy_2{
    width: 510px;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    font-size:20px;
}

.privacy_2 span{
    margin-bottom: 20px;
}

</style>